<template>
	<view class="order-table">
		<uni-table ref="table" :loading="loading" border stripe  emptyText="暂无更多数据">
						<!-- <uni-tr>
							<uni-th width="150" align="center">日期</uni-th>
							<uni-th width="150" align="center">姓名</uni-th>
							<uni-th align="center">地址</uni-th>
							<uni-th width="204" align="center">设置</uni-th>
						</uni-tr> -->
			<uni-tr>
				<uni-th align="center" width="60">客户</uni-th>
				<uni-th align="center">电话</uni-th>
				<uni-th align="center" width="60">面积</uni-th>
				<uni-th align="center">地址</uni-th>
			</uni-tr>
			<uni-tr v-for="item in list" :key="item.id">
				<uni-td align="center">{{ item.username }}</uni-td>
				<uni-td align="center">{{ item.phone }}</uni-td>
				<uni-td align="center">{{ item.area }}</uni-td>
				<uni-td align="center">{{ item.address }}</uni-td>
			</uni-tr>
		</uni-table>
		<!-- <view class="row-item" v-for="item in list" :key="item.id">
			<text>{{ item.username }}</text>
			<text>{{ item.phone }}</text>
			<text>{{ item.area }}</text>
			<text>{{ item.address }}</text>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[],
				time:''
			};
		},
		onLoad(options) {
			console.log(options,JSON.parse(options.info||''))
			if(options.info){
				this.list = JSON.parse(options.info||'').sub
				this.time = JSON.parse(options.info||'').time
			}
			console.log(this.list,'list')
		}
	}
</script>

<style lang="scss">
.order-table{
	padding: 10rpx;
	.row-item{
		height: 60rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		border: 1px solid #1afa29;
		margin: 15rpx auto;
		border-radius: 10rpx;
		background: #00CDCD;
		text{
			display: inline-block;
		}
	}
}
</style>
